<template>
  <div>
    <div class="recommend-title">
        <div class="font1">名校录取Offer榜</div>
        <div class="font2">USNEWS总和排名前40名校2012-2017</div>
        <div class="tableswiper">
          <table>
            <thead class="thead" border="1" cellspacing="0">
              <tr>
                <td>美国名校</td>
                <td>本科录取</td>
                <td>研究生录取</td>
              </tr>
            </thead>
            <tbody class="tbody">
              <tr>
                <td>哈佛大学</td>
                <td>6</td>
                <td>17</td>
              </tr>
              <tr>
                <td>耶鲁大学</td>
                <td>7</td>
                <td>10</td>
              </tr>
              <tr>
                <td>芝加哥大学</td>
                <td>7</td>
                <td>30</td>
              </tr>
              <tr>
                <td>哥伦比亚大学</td>
                <td>19</td>
                <td>161</td>
              </tr>
              <tr>
                <td>麻省理工学院</td>
                <td>6</td>
                <td>19</td>
              </tr>
              <tr>
                <td>普林斯顿大学</td>
                <td>7</td>
                <td>10</td>
              </tr>
              <tr>
                <td>宾夕法尼亚大学</td>
                <td>24</td>
                <td>89</td>
              </tr>
              <tr>
                <td colspan="3" @click="viewinfo">咨询更多</td>
              </tr>
            </tbody>
          </table>
        </div>
    </div>
  </div>
</template>

<script>
export default{
  name:'HomeRecommend',
  methods:{
    viewinfo:function(){
      this.$emit("tobus")
    }
  }
}
</script>

<style lang="stylus" scoped>
  @import '~styles/commonstyl.styl'
  .recommend-title
    background-color $bgColor
    text-align:center
    .font1
      line-height:.56rem
      text-align:center
      color:$textSpecialColor
      font-size:.28rem
    .font2
      line-height:.56rem
      text-align:center
      color:$textSpecialColor
      font-size:.28rem
    .tableswiper table
      width:86%
      margin-left:7%
      font-size:.32rem
      border:1px solid rgb(102,102,102)
      background rgb(170,170,170)
      text-align center
      line-height:.56rem
      .thead
        background $textSpecialColor
      .tbody
        line-height .8rem
      td
        border-left:1px solid rgb(102,102,102)
        border-right:1px solid rgb(102,102,102)
        border-top:1px solid rgb(102,102,102)
        border-bottom:1px solid rgb(102,102,102)
</style>
